<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <link rel="stylesheet" href="/css/bootstrap-reboot.css">
    <link rel="stylesheet" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/actix.css">
    <link rel="stylesheet" href="/css/highlight.css">
    <link rel="icon" href="/favicon.ico" title="actix">

    <title>{{ .Title }}</title>
  </head>
  <body>
    <header class="navbar navbar-light navbar-toggleable-md bd-navbar">
      <nav class="actix-main-nav">
        <div class="d-flex justify-content-between hidden-lg-up">
            <a href="/" class="navbar-brand">
              <img src="/img/logo-nav.png" class="align-middle" alt="">
            </a>
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#actix-main-nav" aria-label="Toggle navigation" aria-controls="actix-main-nav" aria-expanded="false">
              <span class="navbar-toggler-icon"></span>
            </button>
        </div>
        <div class="navbar-collapse collapse" id="actix-main-nav">
          <ul class="nav navbar-nav">
            <li class="nav-item hd-lg-down">
              <a class="navbar-brand" href="{{ "/" | absLangURL }}"><img src="/img/logo-nav.png" class="align-middle" alt=""></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="{{ "/" | absLangURL }}">{{ T "home" }}</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="{{ "/docs/" | absLangURL }}">{{ T "docs" }}</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="{{ "/community/" | absLangURL }}">{{ T "community" }}</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="{{ "/code/" | absLangURL }}">{{ T "code" }}</a>
            </li>

            {{ if gt 0 (len $.Site.Home.AllTranslations) }}
              <li class="nav-item language-selector">
                <i class="fa fa-fw fa-globe" aria-hidden="false"></i>
                <ul class="subitem">
                {{ range $.Site.Home.AllTranslations }}
                  <li class="submenu-item"><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
                {{ end }}
                </ul>
              </li>
            {{ end }}
          </ul>
        </div>
      </nav>
    </header>
